.root {
  // padding: 16px;
  .titleBox{
    padding-left: 24px;
    padding-bottom: 16px;
    background-color: #fff;
    font-size: 20px;
    color: #111;
    font-weight: bold;
  }
  .topSearch {
    // height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 24px 24px 16px 24px;
    padding: 16px 16px;
    background-color: #fff;
    .rightSearch {
      flex: 1;
    }
  }
  .tableBox{
    padding: 0px 24px 24px 24px; 
    .tableTopBox{
      height: 64px;
      padding: 0 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
    }
    Table{
      // padding: 0 32px;
      background-color: #fff;
    }
  }
}
.modal {
  padding: 0;
  background: 'transparent';
  width: 241px !important;
  :global {
    .ant-modal-content {
      -webkit-box-shadow: none;
      box-shadow: none;
      background: transparent;
    }
  }
  .preview {
    width: 241px;
    height: 490px;
    padding: 105px 25px 70px 25px;
    .previewContent {
      font-size: 12px;
      background: #fff;
      padding: 8px;
      resize:none;
      border: none;
    }
    :global {
      .ant-input-disabled {
        color: rgba(0, 0, 0, 0.65);
      }
    }
  }  
}
